<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>qq炫舞</title>
    <meta name="description" content="">
    <link rel="stylesheet" href="./css/main.css">
</head>

<body>
    <header>
        <img src="./img/banner.png" alt="">
        <div class="countdown--time">
            <p class="countdown--title">直播开始剩余时间</p>
            <ul class="countdown--timelist">
                <li class="countdown--timeitem">
                    <div class="countdown--timebg">12</div>
                    <div class="countdown--time__day"></div>
                </li>
                <li class="countdown--timeitem">
                    <div class="countdown--timebg">12</div>
                    <div class="countdown--time__hour"></div>
                </li>
                <li class="countdown--timeitem">
                    <div class="countdown--timebg">12</div>
                    <div class="countdown--time__minute"></div>
                </li>
                <li class="countdown--timeitem">
                    <div class="countdown--timebg">12</div>
                    <div class="countdown--time__second"></div>
                </li>
            </ul>
        </div>
        <a href="javascript:void(0)" class="end--time" style="display: none;"></a>
    </header>
    <section class="chooseArea">
        <div class="mainArea">
            <p>主抢座区</p>
            <p>到座:65000/100000人</p>
        </div>
        <ul class="zhanziAreaList">
            <li class="zhanziArea">
                <p>陈伟霆</p>
                <p>站子座位区</p>
                <p class="zhanziArea--arrival">到座:6000/30000人</p>
            </li>
            <li class="zhanziArea active">
                <p>陈伟霆</p>
                <p>站子座位区</p>
                <p class="zhanziArea--arrival">到座:6000/30000人</p>
            </li>
            <li class="zhanziArea">
                <p>陈伟霆</p>
                <p>站子座位区</p>
                <p class="zhanziArea--arrival">到座:6000/30000人</p>
            </li>
            <li class="zhanziAreaUnlock">
                <p>陈伟霆</p>
                <p>站子座位区</p>
                <p class="zhanziArea--arrival">到座:6000/30000人</p>
                <div class="zhanziAreaUnlock-m">
                    <span></span>￥1000奖励金已解锁
                </div>
            </li>
            <li class="zhanziAreaUnlock active">
                <p>陈伟霆</p>
                <p>站子座位区</p>
                <p class="zhanziArea--arrival">到座:6000/30000人</p>
                <div class="zhanziAreaUnlock-m">
                    <span></span>￥1000奖励金已解锁
                </div>
            </li>
            <li class="zhanziAreaUnlock">
                <p>陈伟霆</p>
                <p>站子座位区</p>
                <p class="zhanziArea--arrival">到座:6000/30000人</p>
                <div class="zhanziAreaUnlock-m">
                    <span></span>￥1000奖励金已解锁
                </div>
            </li>
            <li class="zhanziAreaUnlock">
                <p>陈伟霆</p>
                <p>站子座位区</p>
                <p class="zhanziArea--arrival">到座:6000/30000人</p>
                <div class="zhanziAreaUnlock-t">
                    <span></span>￥1000奖励金已解锁
                </div>
            </li>
            <li class="zhanziAreaUnlock active">
                <p>陈伟霆</p>
                <p>站子座位区</p>
                <p class="zhanziArea--arrival">到座:6000/30000人</p>
                <div class="zhanziAreaUnlock-t">
                    <span></span>￥1000奖励金已解锁
                </div>
            </li>
        </ul>
    </section>
    <div class="bgWrap">
        <a href="javascript:void(0);" class="chooseBtn"></a>
        <div class="searchArea">
            <input type="text" placeholder="输入抢座手机号查询抢座情况">
            <span class="searchArea--btn"></span>
        </div>
        <section class="">
            <div class="mySeatsWrap">
                
            </div>
        </section>
    </div>
    <script src="./js/main.js"></script>

</body>

</html>